<template>
  <div class="clar">
    <el-card>
      <el-table :data="statusList">
        <div slot="header" class="clearfix">
          <span class="role-span">
            项目状态流转
          </span>
        </div>
        <el-table-column prop="createTime" label="流转时间" width="180">
          <template slot-scope="scope">
            <span>
              {{ scope.row.createTime | moment('YYYY-MM-DD HH:mm:ss') }}
            </span>
          </template>
        </el-table-column>
        <el-table-column prop="oldStatus" label="前置状态" width="100"></el-table-column>
        <el-table-column prop="status" label="当前状态" width="100"></el-table-column>
        <el-table-column prop="reason" label="流转说明"></el-table-column>
        <el-table-column prop="createBy" label="流转操作人" width="100"></el-table-column>
      </el-table>
    </el-card>
  </div>
</template>

<script>
  export default {
    props: {
      statusList: {
        type: Array,
        default: () => [],
      },
    },
  };
</script>
